@mixin wh($width: 100%, $height: 100%, $isCenter: false) {
  width: #{$width};
  height: #{$height};
  @if $isCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -($width/2);
    margin-left: -($height/2);
  }
}
// $url, $repeat: no-repeat, $position: center, $size: cover
@mixin img($args) {
  $repeat: no-repeat !default;
  $position: center !default;
  $size: cover !default;
  $url: map-get($args, url);
  @if map-get($args, repeat) {
    $repeat: map-get($args, repeat);
  }
  @if map-get($args, position) {
    $position: map-get($args, position);
  }
  @if map-get($args, size) {
    $size: map-get($args, size);
  }
  background-image: url('~@/assets/img/#{$url}');
  background-repeat: $repeat;
  background-position: $position;
  background-size: $size;
}
@mixin amixin($name) {
  .#{$name} {
    @content;
  }
}

@mixin web {
  @include amixin(web) {
    @content;
  }
}

@mixin admin {
  @include web {
    @include amixin(admin) {
      @content;
    }
  }
}
